<template>
  <StudentLayout>
    <el-table :data="teacherData" style="width: 100%">
      <el-table-column prop="tea_id" label="教师编号" />
      <el-table-column prop="tea_name" label="教师姓名" />
      <el-table-column prop="tea_age" label="教师年龄" />
      <el-table-column prop="tea_gander" label="教师性别" />
      <el-table-column prop="tea_address" label="教师户籍" />
    </el-table>
  </StudentLayout>
</template>
<script setup>
import StudentLayout from '@/layouts/StudentLayout.vue'

import  { getTeacherList } from '@/composables/school'

const {data: teacherData} = await useAsyncData('teacher', async () => {
  return await getTeacherList().then(res => {
    return res.data
  })
})
</script>
<style scoped>

</style>